<div id="app" v-cloak>
    <div class="flex-column">
        <div class="bottom10">
            <el-form :inline="true">
                <span v-for="item in list.seachObj">
                    <span v-if="item.is_show">
                        <el-form-item :label="item.label">
                            <el-input v-if="item.type==`input`" v-model="item.value" :placeholder="`请输入`+item.label"></el-input>
                        </el-form-item>
                    </span>
                </span>
                <el-form-item>
                    <el-button type="primary" @click="common.refresh()">搜索</el-button>
                    <el-button @click="common.reset()">重置</el-button>
                    <el-button type="primary" size="small" @click="common.refresh()"><el-icon :size="15"><Refresh /></el-icon>
                    </el-button>
                </el-form-item>
            </el-form>
        </div>
<!--        <div class="bottom20">-->
<!--            <el-button type="primary" size="small" @click="common.refresh()"><el-icon :size="15"><Refresh /></el-icon>-->
<!--            </el-button>-->
<!--        </div>-->
        <el-table :data="list.rows" border style="width: 100%" :max-height="600" row-key="id">
                        <el-table-column prop="id" label="ID" width="80" align="center"></el-table-column>
            <el-table-column prop="username" label="管理员名字" align="left">
            </el-table-column>
            <el-table-column prop="title" label="标题" align="left">
            </el-table-column>
            <el-table-column prop="url" label="操作页面" align="left">
            </el-table-column>
            <el-table-column prop="content" label="内容" align="left">
            </el-table-column>
            <el-table-column prop="ip" label="IP地址" align="left">
            </el-table-column>
            <el-table-column prop="status" label="操作" align="center">
                <template #default="scope">
<!--                    <el-button type="primary" size="small" @click="common.edit(scope.row,`id`)">编辑</el-button>-->
                    <el-button type="danger" :disabled="scope.row.id==1?true:false" size="small" @click="common.del(scope.row)">删除</el-button>
                </template>
            </el-table-column>
        </el-table>
        <div class="flex-row flex-content-end top20">
            <el-pagination  background layout="total, sizes, prev, pager, next, jumper" :total="list.total" @change="common.changePage" @size-change="common.changeSize"/>
        </div>
    </div>
</div>